<#include "/oms/iframe/common/head_index.html" />
<@dictionary type="function" fields="Status"></@dictionary>
<@dictionary type="listjson" fields="Status"></@dictionary>
<div class="row">
	<div class="col-xs-12">
		<div class="box">
			<div class="box-header">
				<h3 class="box-title">会员博客类目管理</h3>
				<div class="box-tools pull-right">
					<@shiro.hasPermission name="oms:blog:member:category:create">
						<a class="btn btn-sm btn-primary" target="modal" modal="lg" title="添加" href="${request.contextPath}/oms/blog/member/category/add">添加</a>
					</@shiro.hasPermission>
				</div>
			</div>
			<div class="box-body">
				<div class="clearfix">
					<form id="search-form" class="" >
						<div class="col-md-2">
							<div class="input-group">
								<span class="input-group-addon"><i class="fa fa-user"></i></span>
								<input type="text" class="form-control" name="username" value="${username}" placeholder="用户名搜索...">
							</div>
						</div>
						<div class="col-md-3">
							<div class="input-group date ">
								<div class="input-group-addon">
									<i class="fa fa-calendar"></i>
								</div>
								<input type="text"  class="form-control pull-right" name="beginCreateTime" placeholder="选择开始时间...">
							</div>
						</div>
						<div class="col-md-3">
							<div class="input-group date ">
								<div class="input-group-addon">
									<i class="fa fa-calendar"></i>
								</div>
								<input type="text" class="form-control pull-right" name="endCreateTime" placeholder="选择结束时间...">
							</div>
						</div>
						<div class="col-md-3">
							<div class="input-group">
								<span class="input-group-addon"><i class="fa fa-search"></i></span>
								<input type="text" class="form-control" name="description" placeholder="根据描述搜索...">
							</div>
						</div>
						<div class="col-md-1">
							<button type="button"  class="btn btn-primary btn-grid-refresh">搜索</button>
						</div>
					</form>
				</div>
				<div class="clearfix" style="padding-top: 15px;">
					<table id="dataGrid" class="table table-bordered table-striped">

					</table>
				</div>
			</div>
		</div>
	</div>
</div>
<#include "/oms/iframe/common/setting_index.html" />
<#include "/oms/iframe/common/bottom_index.html" />

<script type="text/javascript">

	$(".btn-grid-refresh").on("click",function () {
        dataGridReload();
    });
	function dataGridReload(){
		$("#dataGrid").bootstrapTable('refresh');
	}
	$dataGrid = $("#dataGrid");
    $(function () {

    	$.datetimepicker.setLocale('ch');
		//初始化时间选择器
		$('[name=beginCreateTime]').datetimepicker({
			format:"Y/m/d 00:00:00",      //格式化日期
			timepicker:true,    //开启时间选项
			yearStart:2000,     //设置最小年份
			yearEnd:2050,        //设置最大年份
			todayButton:false    //关闭选择今天按钮
		});

		//初始化时间选择器
		$('[name=endCreateTime]').datetimepicker({
			format:"Y/m/d 23:59:59",      //格式化日期
			timepicker:true,    //开启时间选项
			yearStart:2000,     //设置最小年份
			yearEnd:2050,        //设置最大年份
			todayButton:false    //关闭选择今天按钮
		});

        initDataGrid();
    });
    function initDataGrid(){

        $dataGrid.bootstrapTable({
            idField : "id",
            columns : [[
                {title: "名称", field: "name"},
                {title: "编码", field: "code"},
                {title: "博客数", field: "blogCount", sortable: true},
                {title: "描述", field: "description"},
                {title: "创建人", field: "createBy"},
                {title: "创建时间", field: "createTime", sortable: true,formatter:dateFormat},
                {title: "排列序号", field: "sortOrder", sortable: true},
                {title: "有效状态", field: "status", formatter: getStatusDictName},
                {title: "操作", field: "operate", align: 'center',formatter: operateFormatter}
            ]],
            url : '/oms/blog/member/category/search',
            queryParams: function(params){
            	var searchForm = $("#search-form");
				var formData = searchForm.serializeObject();
				if(params.sort){
					formData["sort"]=params.sort;
					formData["order"]=params.order;
				}
				formData["offset"]=params.offset;
				formData["limit"]=params.limit;

                return formData;
            },
            responseHandler : function (res) {
                return {
                    rows : res.rows,
                    total : res.total
                }
            },
            search : false,
            searchOnEnterKey : false,
            sortName : 'createdTime',
            sortOrder : 'asc',
            pagination : true,
            sidePagination : 'server',
            pageSize: 10,
            pageList : [10,20, 40, 50, 100],
            showRefresh : true,
            showToggle : true
        });
    }

    function operateFormatter(value, row, index) {
        return [
            '<a class="btn btn-sm btn-info "  title="查看" target="modal" modal="lg" href="${request.contextPath}/oms/blog/member/category/view?id='+ row.id + '"  >',
            '	<i class="glyphicon glyphicon-check"></i> ',
            '</a>  ',
            '<a class="btn btn-sm btn-warning" title="修改" target="modal" modal="lg" href="${request.contextPath}/oms/blog/member/category/update?id='+ row.id + '" >',
            '	<i class="glyphicon glyphicon-edit"></i> ',
            '</a>  ',
            '<a class="btn btn-sm btn-danger"  title="删除" callback="dataGridReload()" data-body="确认要删除吗？" target="ajaxTodo" method="DELETE" href="${request.contextPath}/oms/blog/member/category/delete?id='+ row.id + '">'
			+'	<i class="glyphicon glyphicon-remove"></i>'
            + '</a>&nbsp;'
        ].join('');
    }
</script>